<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>安徽景徽菜篮子商品详情页</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <!-- 先引入css文件 放到自己css文件的上面 -->
    <link rel="stylesheet" href="./css/swiper.min.css" />

    <link rel="stylesheet" href="./css/info1.css" />
    <!-- 引入js文件 -->
    <script src="js/flexible.js"></script>
    <script src="js/swiper.min.js"></script>
    <!-- 引入图标 -->
    <link rel="stylesheet" href="./font/font_tubiao/iconfont.css">
    <link rel="stylesheet" href="./font/font_zuojiantou/iconfont.css">
</head>

<body>
    <!-- 头部区域 -->
    <div class="info1-header">
        <a href="info.html"><span>&#xe642;</span></a>
        <p>农事作业信息详情页面</p>
    </div>
    <!-- 该部分是让头部与主体部分相分离 -->
    <div class="gap">

    </div>
    <!-- 主体部分 -->
    <!-- 第一行 -->
    <div class="inputs">
        <h3>农事作业信息</h3>
        <p>农事作业<input type="text"></p>
        <p>投入品<input type="text"></p>
        <p>日期<input type="text"></p>
    </div>
    <!-- 第二行 -->
    <div class="inputs">
        <h3>农事作业信息</h3>
        <p>农事作业<input type="text"></p>
        <p>投入品<input type="text"></p>
        <p>日期<input type="text"></p>
    </div>
    <!-- 第三行 -->
    <div class="inputs">
        <h3>农事作业信息</h3>
        <p>农事作业<input type="text"></p>
        <p>投入品<input type="text"></p>
        <p>日期<input type="text"></p>
    </div>
    <!-- 第四行 -->
    <div class="inputs">
        <h3>农事作业信息</h3>
        <p>农事作业<input type="text"></p>
        <p>投入品<input type="text"></p>
        <p>日期<input type="text"></p>
    </div>
    <!-- 该部分用于分割主体和底部 -->
    <div class="gap1">

    </div>
    <!-- 底部部分 -->
    <footer class="footer">
        版权所有:安徽省北斗精准农业信息工程实验室
    </footer>
</body>

</html>